.dynamic-scroll{
    .dynamic-top{
        display: flex;
        justify-content: space-between;
        padding: 33px 25px 15px;
        margin-bottom: 20px;
        background-color: #fff;
        .dy-top-right{
            width: 269px;
            height: 170px;
            img{
                width: 100%;
                height: 100%;
                vertical-align: top;
            }
        }
        .dy-top-left{
            height: 2rem;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            .top-hot-word{
                font-size: 30px;
                color: $text-main;
                margin-top: 22px;
                line-height: 1.2;
                font-weight: 500;
                overflow: hidden;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
            }
        }
    }
    .dynamic-menu{
        padding: 55px 25px 52px;
        margin-bottom: 20px;
        background-color: #fff;
        .dynamic-list{
            .dy-item{
                display: flex;
                flex-direction: column;
                align-items: center;
                .menu-icon{
                    width: 80px;
                    height: 80px;
                    border-radius: 50%;
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: 100% 100%;
                }
                .menu-text{
                    font-size: 30px;
                    color: $text-main;
                }
            }
        }
        .dynamic-main{
            margin-top: 65px;
            .main-item{
                width: 320px;
                height: 160px;
                border-radius: 10px;
                img{
                    width: 100%;
                    height: 100%;
                    vertical-align: top;
                }
            }
        }
    }

    .hot-recommend{
        //padding: 0px 25px;
        //margin-bottom: 20px;
        background-color: #fff;
        .recommend-list{
            .recommend-item{
                padding: 44px 25px;
                border-bottom: 1PX solid $border;
                display: flex;
                justify-content: space-between;
                .item-img{
                    width: 240px;
                    height: 160px;
                    img{
                        width: 100%;
                        height: 100%;
                        vertical-align: top;
                    }
                }
                .item-con{
                    width: 434px;

                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    .item-title{
                        line-height: 48px;
                        font-size: 28px;
                        color: $text-main;
                    }
                    .dy-talk-box{
                        .dy-read-info{
                            .talk-item{
                                margin-right: 36px;
                            }
                        }
                    }
                }
            }
        }
    }
    .person-box{
        margin-top: 60px;
        .person-head{
            width: 50px;
            height: 50px;
            border-radius: 50%;
            overflow: hidden;
            img{
                width: 100%;
                height: 100%;
                vertical-align: top;
            }
        }
        .person-name{
            font-size: 26px;
            color: $text-main;
        }
    }
}

